<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="lib/vue.js"></script>
	</head>
	<body>
		<div id="component-demo">
			<transition name="component-fade" mode="out-in">
				<component v-bind:is="view"></component>
			</transition>
		</div>
	</body>
	<script type="text/javascript">
		var componentDemo=new Vue({
			el:'#component-demo',
			data:{
				view:'v-a'
			},
			components:{
				'v-a':{
					template:'<div>Component A</div>'
				},
				'v-b':{
					template:'<div>Component B</div>'
				}
			}
		});
	</script>
</html>
